/* CSS Document */ 
html, body, div, span, h1, h2, h3, h4, h5, h6, p,a, em, img, strong, ol, ul, li 
{ margin:0px; padding:0px; border:0px; outline:0px; vertical-align:baseline; background:transparent; text-decoration:none; font-family:arial; font-size:12px;}
body { width:100%; background:white;}

/*________________Index________________*/
.index { width:100%; float:left;}
/*.mainindex { width:100%; height:auto; float:left; background:url(../images/mainindex.png) no-repeat top center;}
.index1000 { width:1000px; height:auto; margin:0 auto;}*/

/*________________Header________________*/
.indexheader { width:100%; float:left; background:url(../images/indexheader.jpg) repeat-x center;}
.header { width:1000px; height:106px; margin:0 auto; position:relative;}
.logo { position:absolute; top:0; left:0;}
.title { position:absolute; top:0; left:160px;}
.language { height:27px; position:absolute; top:0; right:0; background:url(../images/language.png) no-repeat; width:700px; background-position:right;}
.language ul { list-style:none; float:right;}
.language li { float:left; margin:4px 5px 0 0;}
.followus { width:210px; height:20px; position:absolute; top:50px; right:0;}
.followus p { float:left; font-weight:bold; color:#333; line-height:24px;}
.followus ul { list-style:none; float:right;}
.followus li { float:left; margin-left:5px;}
.search { width:237px; height:26px; position:absolute; right:0; bottom:5px;}
.search input#searchproducts { width:178px; height:16px; float:left; border:none; padding:5px 10px 5px 23px; background:url(../images/searchproducts.png) no-repeat; color:#333;}
.search input#buttonproducts { width:26px; height:26px; float:left; border:none; background:url(../images/buttonproducts.png) no-repeat; cursor:pointer;}

/*________________Menu________________*/
.indexmenu { width:100%; height:40px; float:left; border-bottom:1px solid red; background:#333;}
.menuTop { width:1000px; height:40px; margin:0 auto;}
.menuTop > ul { list-style:none;}
.menuTop > ul > li { float:left; padding:0 30px; border-left:1px solid #777; /*border-right:1px solid #333;*/ position:relative; z-index:1003;}
.menuTop > ul > li > a { float:left;}
.menuTop > ul > li > a > span { display:block; color:white; font-weight:bold; line-height:40px;}
.menuTop > ul > li.home { border-left:none;}
.menuTop > ul > li.last { border-right:none;}
.menuTop > ul > li:hover > a > span, .menuTop > ul > li.active > a > span { color:#EF8C27;}
.menuTop > ul > li > ul { list-style:none; display:none; width:200px; position:absolute; top:40px; left:0; padding:10px 0; background:#555; box-shadow:2px 2px 4px #333; border-right:1px solid #333; border-top:1px solid red;}
.menuTop > ul > li:hover > ul { display:block;}
.menuTop > ul > li > ul > li { width:160px; padding:10px 0 10px 40px; float:left; position:relative; border-top:1px solid #777; border-bottom:1px solid #333;}
.menuTop > ul > li > ul > li > a { color:white; font-weight:bold;}
.menuTop > ul > li > ul > li > a:hover {color:#EF8C27;}
.menuTop > ul > li > ul > li > a:hover { text-decoration:underline;}
.menuTop > ul > li > ul > li > ul { list-style:none; display:none; position:absolute; top:-11px; left:201px; width:200px; padding:10px 0; background:#555; box-shadow:2px 2px 4px #333; border-left:1px solid #777;}
.menuTop > ul > li > ul > li:hover > ul { display:block;}
.menuTop > ul > li > ul > li > ul > li { width:160px; padding:5px 0 5px 40px; float:left; position:relative; border-top:1px solid #777; border-bottom:1px solid #333;}
.menuTop > ul > li > ul > li > ul > li > a { color:white;}
.menuTop > ul > li > ul > li > ul > li > a:hover { text-decoration:underline;}

/*________________Content________________*/
.indexcontent { width:100%; float:left; background:url(../images/indexcontent.jpg) no-repeat top center white;}
.content { width:1000px; margin:0 auto;}
.banner { width:1000px; height:318px; float:left; background:url(../images/banner.png) no-repeat;}

/*________________Banner________________*/
#zalen { width:976px; height:309px; float:left; margin:9px 0 0 12px;}

/*________________MainContent________________*/
.maincontent { width:976px; float:left; /*background:url(../images/maincontent.png) repeat-y;*/ padding:0 12px; margin-top:10px;}

/*________________LeftContent________________*/
.leftcontent { width:226px; float:left; background:white; padding-bottom:10px;}
.boxleft { width:226px; float:left;}
.boxleft-1 { width:226px; float:left; margin-top:10px;}
.ttboxleft { width:226px; height:40px; float:left; background:url(../images/ttboxleft.jpg) no-repeat; border-bottom:1px solid #666;}
.ttboxleft p { font-weight:bold; color:white; line-height:38px; font-size:13px; padding-left:30px;}
.ccboxleft { width:224px; float:left; border:1px solid #666; margin-top:1px;}

.productMenu { width:220px; float:left; margin:0 0 0 2px; padding-bottom:2px;}
.productMenu ul.cap1 { list-style:none;}
.productMenu ul.cap1 > li { width:220px; float:left; margin-top:2px;}
.productMenu ul.cap1 > li > a { width:220px; min-height:30px; float:left; background:#ddd;}
.productMenu ul.cap1 > li > a span { height:auto; float:left; padding:7px 15px; text-align:justify; color:#555; font-weight:bold; line-height:18px; text-shadow:0px 1px 1px white; }
.productMenu ul.cap1 > li:hover > a > span, .productMenu ul.cap1 > li.active > a > span {} 
.productMenu ul.cap1 li ul.cap2 { width:186px; height:auto; float:left; list-style:none; margin:0 0 0 15px;}
.productMenu ul.cap1 li ul.cap2 > li { width:166px; height:auto; float:left; padding-left:20px; margin-top:1px; background:url(../images/promenu-2.png) no-repeat top left;}
.productMenu ul.cap1 li ul.cap2 > li a { display:block; padding:5px 0; color:#188b44;}
.productMenu ul.cap1 li ul.cap2 > li:hover a { text-decoration:underline;}

.nhanmail { width:220px; float:left; margin:2px; background:#0011b5; padding:5px 0 10px 0;}
.nhanmail p { width:200px; float:left; margin:5px 0 0 10px; color:white; text-align:justify;}
.khungmail { width:220px; float:left; margin-top:5px; padding-bottom:10px;}
input#kmail { width:190px; height:16px; padding:5px; float:left; border:none; background:white; margin-left:10px; font-style:italic; font-weight:bold; color:#999; font-size:11px;}
input#nmail { width:100px; float:right; height:23px; background:url(../images/icon-nutmail.jpg) repeat-x; color:white; font-size:11px; text-align:center; line-height:23px; border:none; margin:5px 10px 0 0; cursor:pointer;}

.lienketweb { width:200px; float:left; padding:11px;}
select.lketI { width:200px; height:30px; padding:5px; background:white;}

.thongketruycap { width:200px; float:left; padding:11px;}
.thongketruycap ul { list-style:none;}
.thongketruycap li { width:200px; float:left; margin-top:5px;}
.thongketruycap p { width:100px; float:left; font-weight:bold; color:#666;}
.thongketruycap span { width:100px; float:right; font-weight:bold; text-align:right;}

/*________________RightContent________________*/
.rightcontent { width:740px; float:right;}
.pronew { width:738px; height:260px; float:left; border:1px solid #666;}
.sliderpro { width:738px; height:240px; float:left;}
.jcarousel-skin-tango .jcarousel-container { width:660px; height:auto; float:left; margin:20px 0 0 49px;}
.jcarousel-skin-tango .jcarousel-container-horizontal { width:660px;}
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:660px; height:240px;}
.jcarousel-skin-tango .jcarousel-item { height:240px;}
.jcarousel-next-horizontal 
{ position: absolute; bottom:50%; margin-bottom:10px; right:-14px; width:17px; height:28px; cursor: pointer; background:url(../images/next-horizontal.png) no-repeat;}
.jcarousel-prev-horizontal 
{ position: absolute; bottom:50%; margin-bottom:10px; left:-34px; width:17px; height:28px; cursor: pointer; background:url(../images/prev-horizontal.png) no-repeat;}
ul#mycarousel, ul#mycarousel > li > ul { list-style:none; width:100px; float:left;}
ul#mycarousel > li { width:100px; height:240px; float:left; display:block;}
ul#mycarousel > li > p { width:200px; float:left; text-align:justify; display:block; margin-top:10px; font-weight:bold;}

.picpro { width:198px; height:178px; float:left; position:relative; border:1px solid #ddd; background:white;}
	.pic_2 { width:198px; height:178px; text-align: center; vertical-align: middle;}
	.pic_2 img { margin:0 auto; max-width:178px; max-height:158px;}
	
.newshome { width:500px; height:220px; float:left; margin-top:20px;}
.tthome { width:100%; height:26px; float:left;}
.tthome p { float:left; height:26px; background:url(../images/icon-1.png) no-repeat top left; padding-left:40px; font-weight:bold; color:#ff6000; line-height:26px; font-size:14px;}
.tthome p.home-1 { float:left; height:26px; background:url(../images/icon-4.png) no-repeat top left; padding-left:40px; font-weight:bold; color:#ff6000; line-height:26px; font-size:14px;}
.tthome a { float:right; height:26px; color:red; line-height:27px; background:url(../images/icon-2.png) no-repeat top right; padding-right:10px; text-decoration:underline;}
.cchome { width:100%; height:auto; float:left;}
.boxnewshome { width:480px; height:auto; float:left; margin-left:20px;}
.boxnewshome ul { list-style:none;}
.boxnewshome li { width:200px; float:left; padding-left:40px; background:url(../images/icon-3.png) no-repeat top left; margin-top:20px;}
.boxnewshome a { font-weight:bold; width:200px; float:left; color:#333; padding-bottom:5px; line-height:16px; text-align:justify; max-height:28px; overflow:hidden;}
.boxnewshome a:hover { text-decoration:underline;}
.boxnewshome p { width:200px; float:left; color:#666; line-height:16px; text-align:justify; max-height:32px; overflow:hidden;}
	
.hotro { width:195px; height:200px; float:right; margin-top:20px; background:#101010; padding:10px; position:relative;}
.yahoo { width:195px; height:auto; float:left;}
.yahoo > span { text-transform:uppercase; float:left; margin-right:5px; font-weight:bold; padding:10px 0 20px 0;}
.yahoo > ul { width:195px; float:left; list-style:none;}
.yahoo > ul > li { width:97px; float:left; padding-bottom:10px;}
.yahoo > ul > li > a { display:block;}
.yahoo > ul > li > a > img { width:64px; height:16px; display:block; margin:0 auto;}
.yahoo > ul > li > p { display:block; text-align:center; line-height:20px; color:white;}

.hotline { width:195px; height:93px; position:absolute; left:10px; bottom:10px; background:url(../images/hotline.png) no-repeat;}
.hotline ul { list-style:none; margin-top:38px;}
.hotline li { width:195px; height:auto; float:left;}
.hotline p { font-weight:bold; color:#00948b; font-size:14pt; display:block; text-align:right; font-family:"tahoma"; padding-right:10px;}

.hoidaphome { width:740px; height:auto; float:left; margin-top:20px; padding-top:20px; border-top:1px solid #666;}
.cauhoi { width:720px; float:left; margin-left:20px; padding-bottom:20px;}
.cauhoi ul { list-style:none;}
.cauhoi li { width:200px; float:left; padding-left:40px; margin-top:20px; background:url(../images/icon-5.png) no-repeat top left;}
.cauhoi a { width:200px; float:left; font-weight:bold; color:#333; text-align:justify; max-height:45px; overflow:hidden;.thongtinsp span}
.cauhoi a:hover { text-decoration:underline;}

/*________________Footer________________*/
.indexfooter { width:100%; height:242px; float:left; background:url(../images/indexfooter.png) no-repeat top center;}
.mainfooter { width:976px; margin:0 auto;}
.menufooter { width:976px; height:32px; float:left; margin-top:47px;}
.menufooter ul { list-style:none; float:left;}
.menufooter li { float:left; margin:0 15px 0 20px;}
.menufooter a { color:#666; font-weight:bold; line-height:38px;}
.menufooter a:hover { text-decoration:underline;}
.top { width:127px; height:32px; float:right; margin-right:22px;}
.top a { color:white; text-align:center; line-height:32px; text-transform:uppercase; font-size:12pt; display:block;}

.footer { width:976px; float:left; margin-top:40px; position:relative;}
.footer-1 { width:585px; height:auto; float:left;}
.footer-1 > ul { list-style:none;}
.footer-1 > ul > li { width:500px; height:auto; float:left; margin-top:3px;}
.footer-1 > ul > li > p { color:white; display:block;}
.footer-2 { width:400px; position:absolute; bottom:0; right:0;}
.copy-right { float:right;}
.copy-right a { color:white; text-align:right;}

.followus-1 { width:210px; height:20px; position:absolute; top:23px; right:0;}
.followus-1 p { float:left; font-weight:bold; color:white; line-height:24px;}
.followus-1 ul { list-style:none; float:right;}
.followus-1 li { float:left; margin-left:5px;}





.ulink { width:976px; float:left; margin-left:12px; padding:10px 0;}
.ulink ul { list-style:none;}
.ulink li { float:left;}
.ulink a { color:#333;}
.ulink a:hover { text-decoration:underline;}
.ulink p { font-size:11px; float:left; padding:0 10px;}

.titlesub { width:976px; float:left; margin-left:12px; height:50px; background:url(../images/titlesub.png) no-repeat;}
.titlesub p { font-weight:bold; color:#333; display:block; line-height:50px; text-transform:uppercase; margin-left:235px; font-size:14px; font-family:"tahoma"; background:url(../images/icon-6.png) no-repeat top left; padding-left:40px;}
.titlesub p:first-letter { font-size:16px;}

.boxproducts { width:750px; float:left;}
.boxpro { width:240px; height:266px; float:left; margin-right:10px; padding-bottom:20px;}
.boxpro a { width:240px; display:block; font-weight:bold; line-height:16px; color:#333;}
.picpro-1 { width:238px; height:214px; float:left; position:relative; border:1px solid #777; background:white; margin-bottom:10px;}
	.pic_1 { width:238px; height:214px; text-align: center; vertical-align: middle;}
	.pic_1 img { margin:0 auto; max-width:218px; max-height:194px;}
.prodetail { width:740px; float:right;}

.chitietsanpham { width:738px; float:left; border:1px solid #666; position:relative; background:white;}
.hinhsanpham { width:302px; height:auto; float:left; margin:10px;}

#lofslidecontent45 { width:302px; height:auto; float:left;}
.lof-main-outer { width:302px; height:auto; float:left;}

.lof-opacity > li { position:absolute; float:inherit;}
ul.lof-main-wapper { list-style:none;}
ul.lof-main-wapper > li {  width:300px; height:240px; float:left; padding:0; border:1px solid #ddd; background:white;}
	.pic_3 { width:300px; height:240px; text-align: center; vertical-align: middle;}
	.pic_3 img { margin:0 auto; max-width:280px; max-height:220px;}

.lof-navigator-wapper { width:300px; height:90px; position:relative; float:left; margin-top:253px; border:1px solid #ddd; background:white;}

.lof-navigator-outer { position:relative; height:90px; width:380px; overflow:hidden; float:left; margin-left:7px;}
ul.lof-navigator { position:absolute; width:380px; height:90px; float:left;}
ul.lof-navigator li { cursor:hand; cursor:pointer; overflow:hidden; float:left; display:block;	text-align:center; margin-top:6px;}
ul.lof-navigator li img { border:white solid 1px; background:#ccc; max-width:89px; max-height:77px;}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {	border:white solid 1px;}
.lof-next { width:8px; height:8px; float:left; background:url(../images/next.png) no-repeat; position:absolute; top:40px; right:0; cursor:pointer;}
.lof-next a { float:left; margin-left:20px; margin-top:3px; font-size:12px; color:#333; font-style:inherit;}
.lof-previous { width:8px; height:8px; float:left; background:url(../images/prev.png) no-repeat;  position:absolute; top:40px; left:0; cursor:pointer;}
.lof-previous a { float:left; margin-left:15px; margin-top:3px; font-size:12px; color:#333; font-style:inherit;}
.lof-main-outer .lof-next,  .lof-main-outer .lof-previous { display:block; width:40px; color:#FFF; cursor:pointer; position:absolute; height:100%; z-index:3; top:0; text-indent:-999px;}

.cloud-zoom-big {
border:1px solid #ddd;
overflow:hidden;
background:red;
margin-left:10px;
margin-top:-1px;
}
.cloud-zoom-lens { border:1px solid #ddd; margin:-4px; background-color:#fff; cursor:move;}

.thongtinsp { width:406px; min-height:340px; float:left; margin:10px; margin-left:0;}
.thongtinsp ul { list-style:none;}
.thongtinsp li { float:left; width:406px; padding-bottom:10px;}
.thongtinsp p { float:left; width:406px; padding-bottom:5px;}
.thongtinsp span { /*font-weight:bold; float:left; color:#333;*/ width:406px; margin-top:3px;}


.danhgia { width:718px; float:left; margin-top:10px; border:1px solid #666; padding:10px; background:white;}

.baidanhgia { width:716px; float:left; border:1px solid #ddd;}
.baidanhgia > p { color:#333; font-weight:bold; background:#ddd; height:30px; float:left; line-height:30px; width:696px; padding:0 10px;}

.boxdanhgia { width:700px; float:left; padding:10px 8px; border-top:1px solid #ddd;}
.tentv { width:100px; height:auto; float:left;}
.tentv ul { list-style:none;}
.tentv li.sao { width:100px; float:left; padding-bottom:5px;}
.tentv li.sao > p { width:13px; height:12px; float:left; margin:1px 1px 0 0;}
.tentv li p { font-weight:bold;}
.tentv li span { color:#666; font-style:italic; font-size:11px;}

.danhgia-y { width:600px; float:left;}
.danhgia-y p { font-weight:bold; color:#333; width:600px; float:left; border-bottom:1px dotted #ddd; padding-bottom:7px; display:block;}
.danhgia-y span { color:#666; float:left; margin-top:5px;}

.vietdanhgia { float:left; margin-top:20px; width:718px;}
.vietdanhgia > p { font-weight:bold; color:#333; font-size:14px; font-family:"tahoma"; float:left; width:180px;}

.danhgia-x { width:505px; height:auto; float:right; border:1px solid #ddd; border-right:none; margin:0 0 0 20px;}
.danhgia-x > ul { list-style:none;}
.danhgia-x > ul > li { width:505px;}
.danhgia-x > ul > li > span { width:100px; height:auto; float:left; border-right:1px solid #ddd; display:block; text-align:center; padding:5px 0; font-weight:bold; color:#333;}
.danhgia-x > ul > li > p { width:100px; height:auto; float:left; border:1px solid #ddd; border-left:none; border-bottom:none;}
.danhgia-x > ul > li > p > input { float:left; margin:5px 45px;}

.comment { width:718px; height:auto; float:left; margin-top:10px;}

.tebox { width:718px; border:1px solid #ddd; background:white; padding:0 10px; float:left;}

.boxNe { width:718px; float:left; border-bottom:1px dotted #ddd; padding:20px 0 10px 0;}
.boxNe ul { list-style:none;}
.boxNe li.pic { width:110px; float:left; margin:0 10px 0 0; padding:0 10px 10px 0;}
.boxNe li.pic img { max-width:110px; max-height:80px; border:1px solid #ddd; padding:5px;}
.boxNe li.tit { width:580px; float:right;}
.boxNe li.tit a { font-weight:bold; color:#333; max-height:30px; overflow:hidden;}
.boxNe li.con { width:580px; float:right; margin:5px 0 0 0}
.boxNe li.con span { color:#666; text-align:justify; display:block; line-height:16px;}
.boxNe li.con a { color:red;}


.boxText { width:718px; float:left;}
.boxText ul { list-style:none;}
.boxText li.conText { width:718px;}
.boxText li.conText b { display:block; text-align:center;}
.boxText li.conText p { display:block; margin-top:20px;}
.boxText li.conText span { display:block; color:#333; margin-top:10px; line-height:18px; text-align:justify;}

.boxText li.boxTextI { width:718px; padding:20px 0;}
.boxText li.boxTextI img { width:150px; height:150px; float:left; padding:0 20px 10px 0; margin-top:2px;}
.boxText li.boxTextI a { font-weight:bold; color:#F60; float:left; padding-bottom:10px; display:block; width:548px; font-size:14px;}
.boxText li.boxTextI span { font-style:italic; color:#999; float:left; padding-bottom:10px; display:block; width:548px; font-size:11px;}
.boxText li.boxTextI p { display:block; text-align:justify; line-height:18px; color:#666; font-weight:bold;}

.tinkhac { width:718px; float:left; margin:30px 0 0 0; padding-bottom:20px;}
.tinkhac > p { font-weight:bold; color:#F30; font-size:14px;}
.tinkhac ul { list-style:none; float:left; margin-top:10px;}
.tinkhac li { width:700px; padding:5px 0 5px 30px; background:url(../images/icon-10.png) no-repeat top left;}
.tinkhac li a { color:#0000FF;}
.tinkhac li span { font-style:italic; color:#999; font-size:11px;}


.contact { width:730px; float:left; margin-top:20px;}
.contact > ul { list-style:none;}
.contact > ul > li { width:700px; height:auto; float:left;}
.contact > ul > li > p { font-weight:bold; color:#F60; font-size:14px; text-transform:uppercase; display:block; padding-bottom:5px;}
.contact > ul > li > span { font-weight:bold; color:#333; font-size:13px; margin-top:10px; float:left;}
.contact > ul > li > ul { list-style:none; float:left; margin-top:10px;}
.contact > ul > li > ul > li { width:700px; height:auto; float:left;}
.contact > ul > li > ul > li > p { color:#666; float:left; width:70px; float:left; font-weight:bold; line-height:20px;}
.contact > ul > li > ul > li > span { color:#666; float:left;}


.guimail { width:718px; float:left; margin-top:20px;}
.guimail > ul { list-style:none;}
.guimail > ul > li { width:700px; height:auto; float:left;}
.guimail > ul > li > p { font-weight:bold; color:#F60; font-size:14px; text-transform:uppercase; display:block; padding-bottom:5px;}
.guimail > ul > li > span { width:700px; font-weight:bold; color:#333; font-size:13px; float:left;}


.form-dk { width:718px; float:left; margin-top:20px;}
.form-dk > ul { list-style:none;}
.form-dk > ul > li { width:700px; height:auto; float:left; margin-top:10px;}
.form-dk > ul > li > p { width:143px; height:auto; float:left; line-height:24px;}
.form-dk > ul > li > p > span { color:red;}


.maps { width:718px; float:left; padding:10px 0;}
.maps > ul { list-style:none;}
.maps > ul > li { width:718px; height:auto; float:left;}
.maps > ul > li > p { font-weight:bold; color:#F60; font-size:14px; text-transform:uppercase; display:block; padding-bottom:5px;}
.maps > ul > li > img { width:718px; height:auto; float:left; margin-top:10px;}

.menuLeft { width:226px; float:left; background:black;}
.menuLeft ul { list-style:none; width:205px; float:right; border-left:1px solid #f07702; padding:15px 0 20px 0;}
.menuLeft li { float:left; padding:0 10px 0 25px; margin-top:10px; background:url(../images/icon-8.png) no-repeat top left;}
.menuLeft li:hover, .menuLeft li.active{ background:url(../images/icon-7.png) no-repeat top left; color:#f07702;}
.menuLeft a { color:white; font-weight:bold;}
.menuLeft li:hover a, .menuLeft li.active a { color:#f07702;}

.splq { width:224px; border:1px solid #ddd; margin-top:10px; float:left; padding-bottom:2px; background:white;}
.splq ul { list-style:none;}
.splq li.splq-1 { width:194px; float:left; background:red; padding-left:10px; margin:10px 0 0 10px; background:url(../images/icon-9.png) no-repeat top left;}
.splq li.splq-1 a { color:#ff7200; font-weight:bold;}
.splq li.splq-2 { width:204px; height:163px; float:left; margin:5px 0 0 10px;}
	.pic_4 { width:204px; height:163px; text-align: center; vertical-align: middle;}
	.pic_4 img { margin:0 auto; max-width:184px; max-height:143px;}
.splq li.splq-3 { width:58px; height:23px; float:right; background:url(../images/icon-11.png) no-repeat; margin-right:2px;}
.splq li.splq-3 a { color:white; display:block; line-height:23px; text-align:center;}

.qc-left { width:226px; float:left;}
.qc-left ul { list-style:none;}
.qc-left li { float:left; margin-top:10px;}
.qc-left img { width:226px; height:auto;}
.support_img {
    cursor: pointer;
    height: 30px !important;
    width: 30px !important;
}

.baiviet { width:740px; float:left;}
.ttbaiviet { width:740px; height:24px; float:left; background:url(../images/ttbaiviet.jpg) no-repeat;}
.ttbaiviet ul { list-style:none;}
.ttbaiviet li.TI { width:550px; height:24px; float:left; margin-left:11px;}
.ttbaiviet li.TI p { font-weight:bold; color:#333; line-height:24px;}
.ttbaiviet li.TII { width:160px; height:24px; float:right; margin-right:11px;}
.ttbaiviet li.TII p { font-weight:bold; color:#333; line-height:24px; text-align:right;}
/*.ttbaiviet li.TIII { width:150px; height:24px; float:left; margin-left:30px;}
.ttbaiviet li.TIII p { font-weight:bold; color:#333; line-height:24px;}*/


.boxbaiviet { width:738px; height:50px; float:left; background:url(../images/ccbaiviet.jpg) repeat-x top #e3e7e9; border:1px solid #c4c4c4; border-top:none;}
.boxbaiviet ul { list-style:none;}
.boxbaiviet li.CI { width:500px; height:50px; float:left; background:url(../images/icon-12.png) no-repeat top left; padding-left:50px;}
.boxbaiviet li.CI a { width:480px; height:16px; color:#DD5300; font-family:"tahoma"; margin-top:8px; float:left; background:url(../images/icon-13.png) no-repeat top left; padding-left:20px; line-height:16px; display:block; overflow:hidden; font-size:13px;}
.boxbaiviet li.CI p { width:500px; height:15px; line-height:15px; float:left; color:#333; margin-top:3px; overflow:hidden;}

.boxbaiviet li.CII { width:160px; height:50px; float:right; margin-right:10px;}
.boxbaiviet li.CII span { width:160px; height:16px; float:left; display:block; line-height:16px; text-align:right; margin-top:9px;}
.boxbaiviet li.CII p { padding-top:15px; width:160px; height:15px; line-height:15px; float:left; color:#333; margin-top:2px; overflow:hidden; text-align:right;}

/*.boxbaiviet li.CIII { width:149px; height:50px; float:left; margin-left:30px;}
.boxbaiviet li.CIII span { width:149px; height:16px; float:left; display:block; line-height:16px; margin-top:9px; color:#DD5300;}
.boxbaiviet li.CIII p { width:149px; height:15px; line-height:15px; float:left; color:#333; margin-top:2px; overflow:hidden;}*/

.pageT { height:22px; float:right; margin-top:10px;}
.pageT ul { list-style:none;}
.pageT li { height:20px; float:left; padding:0 5px; background:#f2f6f8; border:1px solid #cedfeb; margin-left:2px;}
.pageT li a { display:block; line-height:20px; color:#417394;}

.pageT li:hover, .pageT li.active { height:20px; float:left; padding:0 5px; background:#83a8c2; border:1px solid #417394; margin-left:2px;}
.pageT li:hover a, .pageT li.active a { display:block; line-height:20px; color:white;}

.search-bv { width:740px; height:26px; float:left; padding-bottom:10px;}
.hienthikq { width:718px; float:left; border:1px solid #417394; padding:8px 10px; background:white;}
.hienthikq p { color:#417394; font-size:14px;}

.chude { width:740px; float:left; margin-top:20px;}
.chude p { float:left; font-weight:bold; font-family:"tahoma"; font-size:14px; margin-right:5px; color:#333;}
.chude a { float:left; font-weight:bold; font-family:"tahoma"; font-size:14px; margin-right:5px; color:#06F;}

.ctbaiviet { width:740px; float:left;}

.ngayvietchude { width:740px; float:left; background:url(../images/ttbaiviet.jpg) no-repeat top; margin-top:10px;}
.ngayvietchude p { color:white; line-height:25px; height:24px; padding-left:20px; background:url(../images/icon-15.png) no-repeat top left; float:left; margin-left:10px;}
.ngayvietchude a { color:white; line-height:25px; height:24px; text-align:right; float:right; display:block; margin-right:10px;}
.ngayvietchude a:hover { text-decoration:underline;}

.bvchude { width:738px; float:left; border:1px solid #ddd; border-top:none; background:url(../images/icon-16.jpg) repeat-y;}
.bvchude > ul { list-style:none;}
.bvchude > ul > li.thanhvien { width:180px; float:left; background:#f2f6f8; padding:10px;}
.bvchude > ul > li.thanhvien a { width:180px; float:left; font-weight:bold; font-size:14px; color:#F60;}
.bvchude > ul > li.thanhvien p { width:180px; float:left; font-weight:bold; color:#666; margin-top:3px;}
.bvchude > ul > li.thanhvien span { width:180px; float:left; margin-top:3px;}
.bvchude > ul > li.thanhvien img { max-width:180px; margin-right:180px; float:left; padding:10px 0;}

.bvchude > ul > li.thanhvienviet { width:518px; float:right; padding:10px;}
.bvchude > ul > li.thanhvienviet p { width:518px; float:left; line-height:20px; padding-bottom:5px;}

.tlchude { width:718px; float:left; border:1px solid #ddd; border-top:none; background:white; padding:10px;}

.thuvien { width:740px; height:auto; float:left;}
.ttthuvien { width:740px; float:left; background:url(../images/ttbaiviet.jpg) no-repeat top; margin-top:10px;}
.ttthuvien p { color:white; line-height:25px; height:24px; padding-left:20px; background:url(../images/icon-15.png) no-repeat top left; float:left; margin-left:10px;}
.ttthuvien span { color:white; line-height:25px; height:24px; text-align:right; float:right; display:block; margin-right:10px;}

.boxthuvien { width:738px; float:left; background:url(../images/ccbaiviet.jpg) repeat-x top #e3e7e9; border:1px solid #c4c4c4; border-top:none;}
.boxthuvien ul.download { list-style:none;}
.boxthuvien ul.download li.down-I { width:500px; float:left; padding-left:50px; background:url(../images/icon-17.png) no-repeat top left;}
.boxthuvien ul.download li.down-I a { font-weight:bold; color:#333; font-size:13px; font-family:"tahoma"; padding:15px 0; float:left; line-height:18px;}
.boxthuvien ul.download li.down-II { width:150px; float:right;}
.boxthuvien ul.download li.down-II a { font-weight:bold; color:#F60; font-size:12px; font-family:"tahoma"; padding:15px 0; float:right; line-height:18px; text-align:right; padding-right:30px; background:url(../images/icon-18.png) no-repeat top right;}
.boxthuvien a:hover { text-decoration:underline;}

.boxthuvien { width:738px; float:left; background:url(../images/ccbaiviet.jpg) repeat-x top #e3e7e9; border:1px solid #c4c4c4; border-top:none;}
.boxthuvien ul.youtube { list-style:none;}
.boxthuvien ul.youtube li.you-I { width:500px; float:left; padding-left:50px; background:url(../images/icon-19.png) no-repeat top left;}
.boxthuvien ul.youtube li.you-I a { font-weight:bold; color:#333; font-size:13px; font-family:"tahoma"; padding:15px 0; float:left; line-height:18px;}
.boxthuvien ul.youtube li.you-II { width:150px; float:right;}
.boxthuvien ul.youtube li.you-II a { font-weight:bold; color:red; font-size:12px; font-family:"tahoma"; padding:15px 0; float:right; line-height:18px; text-align:right; padding-right:30px; background:url(../images/icon-20.png) no-repeat top right;}
.boxthuvien a:hover { text-decoration:underline;}


.hoidap { width:740px; height:auto; float:left;}
.boxhoidap { width:718px; height:auto; float:left; padding:10px; border:1px solid #ddd; margin-top:10px; background:white;}
.boxhoidap ul { list-style:none;}
.boxhoidap li.hoi-I { width:698px; float:left; padding-left:20px; background:url(../images/icon-21.png) no-repeat top left;}
.boxhoidap li.hoi-I a { font-weight:bold; color:#333; line-height:18px; font-size:14px; padding:10px; float:left;}
.boxhoidap li.hoi-II { width:718px; float:left;}
.boxhoidap li.hoi-II p { width:718px; float:left; margin-top:5px; line-height:18px; text-align:justify; height:35px; overflow:hidden;}
.boxhoidap li.hoi-II a { width:718px; height:auto; float:left; padding:10px 0; text-align:right; color:red;}

.boxhoidap li.hoi-III { width:718px; float:left;}
.boxhoidap li.hoi-III p { width:718px; float:left; margin-top:5px; line-height:18px; text-align:justify;}

.boxhoidap-I { width:718px; height:auto; float:left; padding:10px; border:1px solid #ddd; margin-top:10px; background:white;}
.boxhoidap-I ul { list-style:none;}

.boxhoidap-I li.hoi-iI { width:698px; float:left; padding-left:20px; background:url(../images/icon-22.png) no-repeat top left;}
.boxhoidap-I li.hoi-iI p { font-weight:bold; color:#F60; line-height:18px; font-size:14px; padding:10px; float:left;}

.boxhoidap-I li.hoi-iII { width:698px; height:auto; float:left; margin-left:30px;}
.boxhoidap-I li.hoi-iII a { font-weight:bold; color:#333; float:left; width:678px; padding:6px 0 6px 20px; background:url(../images/icon-23.png) no-repeat top left;}
.boxhoidap-I li.hoi-iII a:hover { text-decoration:underline;}